<!doctype html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <link rel="stylesheet" type="text/css" href="../../../css/app.css">
    <link rel="stylesheet" type="text/css" href="../../../css/tabBar.css">
    <link rel="stylesheet" type="text/css" href="../comm/buy_comm.css"/>
    <link rel="stylesheet" type="text/css" href="./css/select_server.css">
    <title>选择服务</title>
</head>

<body>
	<div class="header navigationBar">
      	<div class="wrapper">
          	<span id="btn-back" class="header-btn left-btn backtrack"></span>
          	<span class="title">选择服务</span>
      	</div>
  	</div>
  	<div class="container top-container">
  		<div class="refund-apply-more" v-if="goodsLength > 1 && list != ''">
  			<div class="refund-apply-more-box">
	  			<div v-for="item in list.goods">
	  				<img :src="item.goods_image+'?x-oss-process=image/resize,m_lfit,w_960'"/>
	  				<p v-html="'数量：'+item.quantity"></p>
	  			</div>
  			</div>
  		</div>
  		<div class="select-server-goods" v-else="" v-for="item in list.goods">
  			<div>
  				<img :src="item.goods_image+'?x-oss-process=image/resize,m_lfit,w_960'"/>
  			</div>
  			<h2 v-html="item.goods_name"></h2>
  			<p v-html="'型号：'+item.option_name"></p>
  			<p v-html="'数量：'+item.quantity"></p>
  		</div>
  		<ul class="select-server-list">
  			<li @click="selectServer" data-index="0">
  				<div>
  					<img src="../../../image/shop/buy/buy-32.png" v-if="list.group_buying != 1"/>
  					<img src="../../../image/shop/buy/buy-46.png" v-else=""/>
  				</div>
  				<h2>仅退款</h2>
  				<p>未收到货（包含未签收），或卖家协商同意前提下</p>
  			</li>
  			<li @click="selectServer" data-index="1" v-if="list.order_state != 1 && list.order_state != 2">
  				<div>
  					<img src="../../../image/shop/buy/buy-45.png" v-if="list.group_buying != 1"/>
  					<img src="../../../image/shop/buy/buy-47.png" v-else=""/>
  				</div>
  				<h2>退款退货</h2>
  				<p>已收到货，需要退换已收到的货物</p>
  			</li>
  		</ul>
  	</div>
</body>
<script src="../../sea.js" data-main="../../main"></script>
<script type="text/javascript" src="../../vue.js"></script>
<script type="text/javascript" src="./js/selectServer.js"></script>
</html>
